* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../img/wbg.png);
}
.box{
	width: 1000px;
	margin: 0px auto;
	margin-top: 100px;
}
.box img {
	width: 320px;
	height: 180px;
	border: 5px solid azure;
	box-shadow: -10px -10px 10px black;
	transition: all 0.3s linear;
}

img:nth-child(odd) {
	transform: rotate(20deg);
}

img:nth-child(even) {
	transform: rotate(-20deg);
}

img:hover {
	transform: scale(1.3);
	position: relative;
	z-index: 2;
}
